<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title></title>
  </head>
  <script src="ife31data.js"></script>
  <script src="index1.js"></script>
  <script src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css" />
  <style>
    .table {
      margin: 30px 0 0 0;
    }
    .main {
      width: 80%;
      margin: 30px auto 0;
    }
    select{
      width: 95px !important;
      float: left;
      margin-right: 30px;
    }
  </style>
  <body>
    <div class="main">
      <select id="region-select" class="form-control input-sm">
        <option>全部地区</option>
        <option value="华东">华东</option>
        <option value="华南">华南</option>
        <option value="华北">华北</option>
      </select>
      <select id="product-select" class="form-control input-sm">
        <option>全部商品</option>
        <option value="手机">手机</option>
        <option value="笔记本">笔记本</option>
        <option value="智能音箱">智能音箱</option>
      </select>
      <input type="button" value="重置" class="btn btn-primary btn-sm" id="reset-button">
      <div id="table-wrapper"></div>
    </div>
  </body>
</html>
